<template>
  <div>
    <el-row>
      <el-col span="12">
        <el-card>
          <template #header>
               代码提交日志
          </template>
          <el-timeline>
            <el-timeline-item
              v-for="(activity, index) in tableData"
              :key="index"
              :timestamp="activity.date">
              <el-card>
                <h4>{{activity.commit}}</h4>
                <p>{{activity.author}}</p>
              </el-card>
            </el-timeline-item>
          </el-timeline>
        </el-card>
      </el-col>
      <el-col span="12">
        <el-card>
          <template #header>
             目前项目中存在的问题
          </template>
          <div class="issue">
            <p> 1.前端到后端提交文件的路径写死</p>
            <p> 2.后端日志操作为同步操作</p>
            <p> 3.redis缓存界面的设计问题未解决</p>
            <p> 4.项目中单表操作过多，后期需改进</p>
            <p> 5.项目开发过程中未及时追踪学习技术成员的学习情况</p>
            <p> 6.成员对项目结构的了解不够全面、对已经封装好的方法不是很会使用(组长失职)</p>
            <p> 7.对小组成员的学习情况vue、spring等关键技术的了解不够全面</p>
            <p> 8.项目结构经过多次重构从单体多模块到多模块微服务架构再到目前选择使用的单体单模块经历了巨大的变化</p>
            <p> 9.项目在对热点数据还未存在redis缓存中</p>
          </div>
        </el-card>
        <el-card>
          <template #header>
            项目中目前完成的功能
          </template>
          <div class="function">
            <p>1.课程管理</p>
            <p>2.简单的菜单管理</p>
            <p>3.简单的通知管理</p>
            <p>4.简单的资源管理</p>
            <p>5.简单的日志记录</p>
            <p>6.简单的教师管理</p>
            <p>7.简单的订单管理</p>
            <p>9.简单的营销管理</p>
            <p>10.简单的学生管理</p>
            <p>11.点播功能</p>
            <p>12.数据大屏</p>
            <p>3.授权功能</p>
          </div>
        </el-card>
        <el-card>
          <template #header>
            项目中目前未完成的功能
          </template>
          <div class="unfunction">
            <p>1.动态菜单</p>
            <p>2.直播功能</p>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import {getGitCommit} from "@/api/git.js"
export default {

  data(){
    return {
      tableData:[]
    }
  },
  created() {
    this.getGitInfo()
  },
  methods:{
    getGitInfo(){
      getGitCommit().then(res=>{
        console.log(res)
        this.tableData=res.data;
      })
    }
  }


}
</script>

<style scoped>
.issue p{
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: large;
}
</style>
